import styles from './style.module.css'

type IBlockItem = {
    icon?: any;
    text: string;
    onClick?: () => void
}

function BlockItem(props: IBlockItem) {
    const { icon, text, onClick = () => { } } = props
    return (
        <>
            <div
                className="
                    flex 
                    flex-col 
                    justify-center 
                    items-center 
                    w-[25%] 
                    text-center 
                    gap-y-[15px]
                    mb-[12px]"
                onClick={onClick}
            >
                <p className={styles.icon}><img src={icon} /></p>
                <p className={styles.text}>{text}</p>
            </div>
        </>
    )
}
export default BlockItem